<div class="wrapper wrapper-content">
    <div class="row animated fadeInRight">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content" id="ibox-content">
                    <div id="vertical-timeline" class="vertical-container dark-timeline center-orientation">

                        <div class="vertical-timeline-block">
                            <div class="vertical-timeline-icon blue-bg">
                                <i class="fa  fa-child"></i>
                            </div>
                            <div class="vertical-timeline-content">
                                <ul class="unstyled">
                                    <li>
                                        <h2>张磊</h2>
                                        <p>湖北武汉,老乡都来联系我！<i class="fa fa-smile-o"></i></p>
                                    </li>
                                    <li>
                                        <ul>
                                            <li>
                                                <img class="img-responsive img-circle" src="/static/img/about/personal-img.jpg" alt="头像" style="display: inline-block;height: 20px;width: 20px;"/>
                                                <small>  小图只为隐藏我的帅气！</small>
                                            </li>
                                            <li>生日：1991-02-23</li>
                                            <li>院校：湖北工业大学</li>
                                            <li>爱好：魔兽 炉石 皇室战争 涨工资</li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="vertical-timeline-block">
                            <div class="vertical-timeline-icon navy-bg">
                                <i class="fa fa-line-chart"></i>
                            </div>

                            <div class="vertical-timeline-content">
                                <ul class="unstyled">
                                    <li><h2>技术栈</h2></li>
                                    <li>
                                        <ul>
                                            <li>语言：php,mysql,html,css,js</li>
                                            <li>框架：ThinkPHP,codeigniter,require.js,bootstrap,amaze UI</li>
                                            <li>工具：GIT,netbeans,webstorm</li>
                                            <li>其他：1年+Linux全栈开发,熟悉LAMP及LNMP,熟悉微信公众号开发</li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="vertical-timeline-block">
                            <div class="vertical-timeline-icon lazur-bg">
                                <i class="fa fa fa-comments"></i>
                            </div>

                            <div class="vertical-timeline-content">
                                <ul class="unstyled">
                                    <li><h2>联系方式</h2></li>
                                    <li>
                                        <ul>
                                            <li><i class="fa fa-github-alt"></i>：<a href="https://git.oschina.net/nir_passion" target="_blank" title="工作作品GIT托管">git@oschina</a></li>
                                            <li><i class="fa fa-github-square"></i>：<a href="https://github.com/PassionZale" target="_blank" title="Fork专用">git@github</a></li>
                                            <li><i class="fa fa-envelope"></i>：whouu@qq.com</li>
                                            <li><i class="fa fa-qq"></i>：372470745</li>
                                            <li><i class="fa fa-wechat"></i>：weixin372470745</li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="vertical-timeline-block">
                            <div class="vertical-timeline-icon yellow-bg">
                                <i class="fa fa-check"></i>
                            </div>

                            <div class="vertical-timeline-content">
                                <ul class="unstyled">
                                    <li>  
                                        <h2>建站支持</h2>
                                    </li>
                                    <li>
                                        <ul>
                                            <li>INSPINIA</li>
                                            <li>阿里云ECS</li>
                                            <li><a href="http://www.wefreetry.com/" target="_blank" title="微试用">微试用</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>